/* pages/course/course.wxss */
page {
  background-color: #111111;
}

.img {
  height: 294rpx;

  image {
    width: 100%;
    height: 294rpx;
    background-color: aqua;
  }
}

.name {
  width: 100%;
  height: 206rpx;
  display: flex;
  justify-content: space-between;
  background-color: #1f1f1f;
}

.name-left {
  // width: 50%;

  .user {
    font-size: 28rpx;
    color: #d14126;
    font-weight: bold;
    margin-top: 33rpx;
    margin-left: 26rpx;
  }

  .title {
    view {
      width: 92rpx;
      height: 40rpx;
      font-size: 21rpx;
      text-align: center;
      line-height: 40rpx;
      color: #fff;
      margin-top: 58rpx;
      margin-left: 26rpx;
      background-color: #434343;
      border-radius: 10rpx;
    }
  }
}

.name-right {
  // width: 50%;

  .top {
    margin-top: 18rpx;
    margin-right: 26rpx;
    font-size: 22rpx;
    display: flex;
    color: #969696;

    image {
      width: 33rpx;
      height: 33rpx;
    }
  }

  .bottom {
    image {
      width: 119rpx;
      height: 114rpx;
      border: 2px solid #fff;
      margin-top: 36rpx;
      margin-left: 63rpx;
    }
  }
}

.top image:nth-child(3) {
  margin-right: 22rpx;
}

.top text:nth-child(2) {
  margin-right: 22rpx;
}

.top image:nth-child(1) {
  margin-right: 7rpx;
}

.ul {
  width: 100%;
  height: 108rpx;
  background-color: #1f1f1f;
  color: #fff;
  display: flex;
  line-height: 108rpx;
  justify-content: space-around;
}

.selected {
  color: red;
  border-bottom: 2rpx solid red;
  padding-bottom: -40rpx
}

.default {
  color: white;
}

swiper {
  height: 120vh;
}

swiper swiper-item .ull {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  .li {
    margin-top: 26rpx;
    margin-bottom: 26rpx;
    width: 714rpx;
    height: 190rpx;
    background-color: #1f1f1f;

    .title {
      margin-top: 21rpx;
      margin-left: 40rpx;
      font-size: 28rpx;

      image {
        width: 25rpx;
        height: 25rpx;
      }

      text {
        margin-left: 20rpx;
        color: #ff0000;
      }

      .content {
        font-size: 28rpx;
        color: #969696;
        margin-top: 30rpx;
        width: 70%;
      }
    }
  }

  button {
    width: 96%;
    background-color: #d14126;
    color: #fff;
    font-size: 34rpx;
    border-radius: 35rpx;
    margin-top: 50rpx;
  }
}

.info {
  display: flex;

  map {
    margin-top: -40rpx;
  }
}